function dataAdd() {
    // 每次打开页面，先渲染一次
    load();
    $('#title').on('keydown', function (e) {
        if (e.keyCode === 13) {
            // 1. 读取
            let localData = getData();
            let val = $(this).val();
            // 1.2 添加
            if (val != false) {
                console.log(val);
                localData.push({
                    title: val,
                    done: false
                })
            } else {
                alert('记事不能为空');
            };
            // 1.3 保存
            dataSave(localData);
            // 1.4 渲染数据
            load();
        }
    })

    // 2. 读取本地数据
    function getData() {
        let data = localStorage.getItem('todolist');
        if (data != null) {
            return JSON.parse(data);
        } else {
            return [];
        }
    }

    // 3. 保存数据
    function dataSave(data) {
        let data1 = localStorage.setItem('todolist', JSON.stringify(data));
    }

    // 4. 渲染数据
    function load() {
        // 1.读取本地存储的数据
        let data = getData();
        // console.log(data);

        // 3. 统计
        let todoCount = 0; // 正在进行的个数
        let doneCount = 0; // 已经完成的个数

        // 2.遍历这个数据，复习一下$.each
        let str = ``;
        let str2 = '';
        $.each(data, function (i, n) {
            // console.log(n);
            if (n.done) {
                // 被选中
                str += `
            <li>
            <input type="checkbox" checked='checked'>
            <p>${data[i].title}</p>
            <a href="javascript:" name=${i}></a>
        </li>            
            `;
                doneCount++;
            } else {
                // 未选中
                str2 += `
            <li>
            <input type="checkbox">
            <p>${data[i].title}</p>
            <a href="javascript:" name=${i}></a>
        </li>            
            `;
                todoCount++;
            }
        })
        $('ol').html(str2);
        $('ul').html(str);
        $('#todocount').html(todoCount);
        $('#donecount').html(doneCount);
    }

    // 5. 删除数据
    function delectData() {
        console.log($('li'));
        $('ol,ul').on('click', 'a', function () {
            // 5.1 获取本地数据
            let data = getData();
            console.log(data);
            // 5.2 添加name,获取name；
            let index = $(this).attr('name');
            // console.log(index);
            // 5.3 删除
            data.splice(index, 1);
            // 5.4 保存到本地数据，不然删除无效，调用保存函数
            dataSave(data);
            // 5.5 重新渲染,调用渲染
            load();
        })
    }
    delectData();

    // 6. 正在进行和已完成选项操作
    $('ol, ul').on('click', 'input', function () {
        let data = getData();
        let index = $(this).siblings('a').attr('name');
        data[index].done = $(this).prop('checked');
        // console.log(data);
        dataSave(data);
        load();
    });
}
dataAdd();